<style include="settings-shared">
  bluetooth-device-battery-info {
    padding-top: 3px;
  }
</style>
<div focus-row-container>
  <div class="list-item"
      focus-row-control
      focus-type="rowWrapper"
      role="button"
      selectable
      aria-label="[[getAriaLabel_(device, itemIndex, listSize)]]"
      on-keydown="onKeydown_"
      on-click="onSelected_">
    <bluetooth-icon device="[[device.deviceProperties]]"></bluetooth-icon>
    <div class="middle" aria-hidden="true">
      <div id="deviceName">[[getDeviceName_(device)]]</div>
      <template is="dom-if"
          if="[[shouldShowBatteryInfo_(device)]]" restamp>
        <bluetooth-device-battery-info
            device="[[device.deviceProperties]]">
        </bluetooth-device-battery-info>
      </template>
    </div>
    <template is="dom-if"
        if="[[device.deviceProperties.isBlockedByPolicy]]" restamp>
      <iron-icon id="managedIcon" icon="cr:domain"
          tabindex="0"
          on-mouseenter="onShowTooltip_"
          on-focus="onShowTooltip_"
          aria-label="$i18n{bluetoothManaged}"
          role="img">
      </iron-icon>
    </template>
    <div>
      <cr-icon-button id="subpageButton"
          tabindex="-1"
          class="subpage-arrow"
          on-click="onSelected_">
      </cr-icon-button>
    </div>
  </div>
</div>
